progress-list {
  // 显示进度
  .show-schedule
  {
    background-color: $office-white;
    padding: 0 px2percent(30);
    li
    {
      padding: px2rem(20) 0;
      >p
      {
        margin: 0;
        float: left;
        width: px2rem(32);
        height: px2rem(114);
        padding-top: px2rem(32);
        background: url("../assets/img/componets/borrow-progress/ok-disable.svg") no-repeat top center;
        background-size: contain;
        >span
        {
          display: inline-block;
          margin-left: px2rem(15);
          height: px2rem(130);
          border-left: 1px solid $office-light-black-nine;
        }

      }
      // 显示进度文字
      >div
      {
        padding-left: px2rem(30);
        max-width: px2rem(623);
        height: px2rem(120);
        float: left;
        color: $office-light-black-nine;
        >h4
        {
          margin: 0;
          padding-bottom: px2rem(20);
          font-size: px2rem(32);
          span
          {
            font-size: px2rem(28);
          }
        }
        >div
        {
          font-size: px2rem(24);
        }


      }
      @include clear-after;
    }
    // 最后一个li
    li:last-child
    {
      >p>span
      {
        height: 0;
      }
    }
    // 激活状态
    li.active
    {
      >p
      {
        background: url("../assets/img/componets/borrow-progress/ok-active.svg") no-repeat top center;
        background-size: contain;
        >span
        {
          border-left-color: $office-default;
        }
      }
      >div
      {
        >h4 { color: $office-black; }
      }
    }
    // 拒绝状态
    li.disabled
    {
      >p
      {
        background: url("../assets/img/componets/borrow-progress/reject.svg") no-repeat top center;
        background-size: contain;
        >span
        {
          border-left-color: $office-button-danger;
        }
      }
      >div
      {
        >h4 { color: $office-black; }
      }
    }
  }
}
